 <%@ page pageEncoding="utf-8"%>
 <%@include file="/WEB-INF/view/head.jsp" %>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片管理</title>
		<script type="text/javascript" src="${ctx }/js/imageManage/index.js"></script>
		<script type="text/javascript">
			var MENU_ID = 'image_manage';
		</script>
		<script type="text/javascript" src="${ctx }/js/clear_menu_status.js"></script>
		<style type="text/css">
			#row_{
				width: 100%;
				height: 40px;
			}
			#row_ #left{
				width:50%;
				float:left;
			}
			#row_ #left #_search{
				margin: 0px;
			}
			#row_ #right{
				width: 50%;
				text-align: right;;
				float:right; 
			}
		</style>
	</head>
	<script type="text/javascript">
	$('#add').click(function(){
		loadPage('${ctx}/manage/imageManage/add');
	});
	</script>
	<body>
	   <div id="row_">
		<div id="left">
			<div class="col-md-3">
				<select class="form-control">
				</select>
			</div>
			<div class="col-md-4">
				<input type="text" class="form-control"/>
			</div>
			<div class="col-md-3">
				<button type="button" id="_search" class="btn navbar-btn btn-primary">查询</button>
			</div>
		</div>
		<div id="right">
			<button type="button" class="btn navar-btn btn-default" id="add">新建</button>
			<button type="button" class="btn navar-btn btn-default" id="view">查看</button>
			<button type="button" class="btn navar-btn btn-default" id="edit">修改</button>
		</div>
	</div>
	<div id="list_">
		<div class="table-responsive">
			  <table class="table table-bordered">
			  	<tr>
			  		<th>表头</th>
			  		<th>表头</th>
			  		<th>表头</th>
			  		<th>表头</th>
			  		<th>表头</th>
			  		<th>表头</th>
			  	</tr>
			   	<tr class="active">
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
				</tr>
				<tr>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
				</tr>
				<tr class="active">
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
				</tr>
				<tr>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
				</tr>
				<tr class="active">
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
				</tr>
				<tr>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
				</tr>
				<tr class="active">
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
				</tr>
				<tr>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
				</tr>
				<tr class="active">
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
				</tr>
				<tr>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
				</tr>
				<tr class="active">
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
					<td>测试</td>
				</tr>
			  </table>
			</div>
			    <div style="text-align: right;">
			        <ul class="pagination" style="margin-top: 0px;" id="pagination"><li class="first disabled" jp-role="first" jp-data="1"><a href="javascript:;">首页</a></li><li class="prev disabled" jp-role="prev" jp-data="0"><a href="javascript:;"><i class="arrow arrow2"></i>上一页</a></li><li class="page active" jp-role="page" jp-data="1"><a href="javascript:;">1</a></li><li class="page" jp-role="page" jp-data="2"><a href="javascript:;">2</a></li><li class="page" jp-role="page" jp-data="3"><a href="javascript:;">3</a></li><li class="page" jp-role="page" jp-data="4"><a href="javascript:;">4</a></li><li class="page" jp-role="page" jp-data="5"><a href="javascript:;">5</a></li><li class="page" jp-role="page" jp-data="6"><a href="javascript:;">6</a></li><li class="page" jp-role="page" jp-data="7"><a href="javascript:;">7</a></li><li class="next" jp-role="next" jp-data="2"><a href="javascript:;">下一页<i class="arrow arrow3"></i></a></li><li class="last" jp-role="last" jp-data="12"><a href="javascript:;">末页</a></li></ul>
			        <input type="hidden" id="PageCount" runat="server" value="89">
			        <input type="hidden" id="PageSize" runat="server" value="8">
			        <input type="hidden" id="countindex" runat="server" value="12.125">
			        <!--设置最多显示的页码数 可以手动设置 默认为7-->
			        <input type="hidden" id="visiblePages" runat="server" value="7">
			    </div>
			</div>
	</body>
</html>